@charset "utf-8";
.w { width: 996px; margin: 0 auto; }
body { margin:0px}
.header { left: 0; width: 100%; z-index: 1000; background: #fff; border-bottom: 1px solid #c0c0c0; height:137px; background: url(../images/top_bg.jpg) center; }
.logo { width: 164px; height: 137px; background: url(../images/logo_login.jpg); float: left; }
#logo-title{
	height:135px;
	float:left;
	width:'30%';
}
#logo-title span{
	position: relative;
	top: 95px;
	font-family: "微软雅黑";
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #179139;
	font-variant: normal;
	letter-spacing: 3px;
}
.banner{
	left: 0; width: 100%; z-index: 1000; background: #fff; 
}
#welcome{
	float:right;width:620px;height:350px;
	background: url(../images/welcome.jpg) center center no-repeat;

}
#welcome span{
	position: relative;
	top: 60px;
	font-family: "微软雅黑";
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: normal;
}

.bottom{
	 left: 0; width: 100%; z-index: 1000; height:160px;text-align:center;background: #e2e2e2 url(../images/login_footer.jpg) top center no-repeat;
}
.logind{
	float:right;height:328px;padding-top:50px;
}
.login{
	left: 0; width: 308px; z-index: 1000; height:268px; background: url(../images/login.png) center; 
}
#login-title{
	width: 308px; 
	height:47px; 
	text-align:center;
}
#login-title span{
	position: relative;
	top: 11px;
	font-family: "微软雅黑";
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
	font-variant: normal;
	letter-spacing: 2px;
	word-spacing: normal;
}

#login-content{
	height:100px;
	width:308px;
}

#login-content table{
	width:100%;height:100%;
}

#login-content td{
	text-align:center;
	vertical-align:middle;
	padding-left:50px;
}


.account{
	width: 30px; height:30px; background: url(../images/account.gif) center;float:left; 
	border:1px solid #e1e1e1;
}

.passwd{
	width: 30px; height:30px; background: url(../images/passwd.gif) center; float:left;
	border:1px solid #e1e1e1;
}

.account1{
	width: 170px; height:30px; float:left; 
	border:1px solid #e1e1e1;
	border-left:0px;
}

.passwd1{
	width: 170px; height:30px; float:left;
	border:1px solid #e1e1e1;
	border-left:0px;
}

.input{
	top: 4px;
	color: #8D8D8D;
	BORDER: #FFFFFF 1px solid;
	font-size: 12.4px;
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
	width: 143px;
}

.loginbtn{
	width: 88px; height:36px; background: url(../images/login.jpg) center no-repeat;
	font-family: "宋体";
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding:0px;
}

.version{
	font-family: "宋体";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	position:relative;
	top:105px;
}


.regstep{
	margin-top:20px;
	height:50px;
}

.regstep .regstep-bg1{
	background: url(../images/regstep1.gif) no-repeat;
	width: 1000px;
	overflow: hidden;
	height: 37px;
}

.regstep .regstep-bg2{
	background: url(../images/regstep2.gif) no-repeat;
}
.regstep .regstep-bg3{
	background: url(../images/regstep3.gif) no-repeat;
}

.regstep .regstep-bg1 li {
	width: 200px;
	height: 37px;
	float: left;
	font-family:"微软雅黑"; 
	font-size:16px;
	font-weight:bold;
	color: #333333;
	line-height: 25px;
	text-align: left;
	list-style: none;
}

.regstep .regstep-bg1 li.first{
	width:160px;
}

.regstep .regstep-bg1 li.nowstep{
}

.address{
	margin-left:150px;
	margin-top:20px;
	border:0px solid red;
}

.nextstep{
	margin-left:260px;
	margin-top:20px;
}

.accountinfo{
	margin-left:280px;
	margin-top:20px;
	border:0px solid red;
}

.address td, .accountinfo td{
	font-size:12px;
	padding:2px;
}

.regsuccess{
	height:340px;
}

.regok{
	float:right;
	width:350px;
	height:200px;
	background: url(../images/regok.gif) center center no-repeat;
}

.regok1{
	float:right;
	width:400px;
}


.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% 微软雅黑;
	padding: .3em 1em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	font-family:'宋体';
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* gray */
.gray {
	color: green;
	border: solid 1px #D2D2D2;
	background: #FCFCFC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F2F2F2));
	background: -moz-linear-gradient(top,  #FCFCFC,  #F2F2F2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F2F2F2');
}

.gray:hover {
	background: #FAFAFA;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E7E7E7));
	background: -moz-linear-gradient(top,  #FAFAFA,  #E7E7E7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E7E7E7');
}



/*cyan*/
.cyan {
	color: #ffffff;
	border: solid 1px #9CC777;
	background: #B2E376;
	background: -webkit-gradient(linear, left top, left bottom, from(#B2E376), to(#91CC62));
	background: -moz-linear-gradient(top,  #B2E376,  #91CC62);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2E376', endColorstr='#91CC62');
}

.cyan:hover {
	background: #99D551;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D551), to(#6DB537));
	background: -moz-linear-gradient(top,  #99D551,  #6DB537);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D551', endColorstr='#6DB537');
}


/*orange*/
.orange{
	color: #ffffff;
	border: solid 1px #D08206;
	background: #F9A605;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9A605), to(#CF8106));
	background: -moz-linear-gradient(top,  #F9A605,  #CF8106);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9A605', endColorstr='#CF8106');
}

.orange:hover {
	background: #F28B0B;
	background: -webkit-gradient(linear, left top, left bottom, from(#F28B0B), to(#C26505));
	background: -moz-linear-gradient(top,  #F28B0B,  #C26505);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F28B0B', endColorstr='#C26505');
}


/* green */
.green {
	color: #ffffff;
	border: solid 1px #538312;
	background: #46AA55;
	background: -webkit-gradient(linear, left top, left bottom, from(#46AA55), to(#1A862B));
	background: -moz-linear-gradient(top,  #46AA55,  #1A862B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#46AA55', endColorstr='#1A862B');
}

.green:hover {
	background: #34813D;
	background: -webkit-gradient(linear, left top, left bottom, from(#34813D), to(#116819));
	background: -moz-linear-gradient(top,  #34813D,  #116819);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#34813D', endColorstr='#116819');
}

.font-orange{
	color: #D3402C;
}
